<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>借阅记录</title>
    <link rel="stylesheet" href="../css/nav.css">
    <link rel="stylesheet" href="../lib/bootstrap-3.3.5-dist/css/bootstrap.min.css"> 
    <script src='../lib/bootstrap-3.3.5-dist/js/jquery-1.11.3.js'></script>
    <script src='../lib/bootstrap-3.3.5-dist/js/bootstrap.min.js'></script>
    <link rel="stylesheet" href="../css/jyjl.css">
    <script src='../javascript/nav.js'></script>
    <link rel="stylesheet" href="../css/font_sbdceyn3aud/iconfont.css">
    <script src="../javascript/jyjl.js"></script>
</head>
<body>
  <div id="naviga">
    <div id='logo'>
      <img src="../image/logo.png" alt="">
    </div>
    <ul id="tushu" class="menu">
      <li>图书管理<span class="iconfont icon-xiala"></span></li>
      <li page-data='page1'>还书管理</li>
      <li page-data='page2'>借阅管理</li>
      <li page-data='page3'>新书入库</li>
      <li page-data='page4'>超期还书</li>
      <li page-data='page5'>销书管理</li>
      <li page-data='page6'>图书状态</li>
    </ul>
    <ul id="user" class="menu">
      <li>用户管理<span class="iconfont icon-xiala"></span></li>
      <li page-data='page7'>用户信息</li>
      <li page-data='page8'>黑名单用户</li>
      <li page-data='page9'>借阅记录</li>
      <li page-data='page10'>催还提醒</li>
    </ul>
  </div>
  <div id='right-header'>
    <div id='yexiao'>
      <img src="../image/yexiaodaotouxiang.png" alt="">
      <span id="ming">
        叶小刀
      </span>
      <span class="iconfont icon-xiala"></span>
    </div>
  </div>
  <div id='content'>
    <div id="content_head">
      <h4>借阅记录</h4>
    </div>
      <div class="clear">
        <div id='piliang'>
          <button type="button" data-toggle="modal" data-target="#exampleModal_4">批量删除</button>
        </div>
        <div id='shuru'>
          <input type="text" placeholder="输入关键词" id="entext">
          <button style="border-radius: 4px;" onclick="chaxun()">查询</button>
        </div>
      </div>
      <table id="mytable">
        <thead>
            <tr>
                <th><input type="checkbox" name="ck1" id="abcd" onclick="cheAll()"></th>
                <th>借阅卡号</th>
                <th>用户名</th>
                <th>借阅图书</th>
                <th>图书编号</th>
                <th>作者</th>
                <th>借阅日期</th>
                <th>还书日期</th>
                <th>超期天数</th>
                <th>是否丢失</th>
                <th>代还册数</th>
                <th>操作</th>
            </tr>
        </thead>
        <tbody></tbody>
      </table>
      <div id="page_Div" class="clearfix">
        <div id="jyjl_page" class="clearfix"></div>
      </div>
    </div>
<div class="modal fade" id="jyjl_xiugaijyjl" tabindex="-1" role="dialog" aria-labelledby="jyjl_xiugai">
    <div class="modal-dialog" role="document">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
          <h4 class="modal-title" id="jyjl_xiugai">修改借阅记录</h4>
        </div>
        <div class="modal-body">
          <form>
            <div class="form-group clear form-inline" style="padding: 10px; height: 30px;">
              <label style="float: left;">借阅卡号</label>
              <input type="text" style="width: 80%;height: 30px; float: right;margin-bottom: 0" class="form-control" id="jyjl_xiugai1">
            </div>
            <div class="form-group form-inline" style="padding: 10px;height: 30px;">
              <label style="float: left;">用户名</label>
              <input type="text" style="width: 80%;height: 30px;float: right;" class="form-control" id="jyjl_xiugai2">
            </div>
            <div class="form-group form-inline" style="padding: 10px;height: 30px;">
              <label style="float: left;">借阅图书</label>
              <input type="text" style="width: 80%;height: 30px;float: right;" class="form-control" id="jyjl_xiugai3">
            </div>
            <div class="form-group form-inline" style="padding: 10px;height: 30px;">
              <label style="float: left;">图书编号</label>
              <input type="text" style="width: 80%;height: 30px;float: right;" class="form-control" id="jyjl_xiugai4">
            </div>
            <div class="form-group form-inline" style="padding: 10px;height: 30px;">
              <label style="float: left;">作者</label>
              <input type="text" style="width: 80%;height: 30px;float: right;" class="form-control" id="jyjl_xiugai5">
            </div>
            <div class="form-group form-inline" style="padding: 10px;height: 30px;">
              <label style="float: left;">借阅日期</label>
              
              <input type="date" class="form-control" id="jyjl_xiugai6" style="width: 80%;height: 30px;float: right;" >
              
            </div>
            <div class="form-group form-inline" style="padding: 10px;height: 30px;">
              <label style="float: left;">还书日期</label>
              <input type="date" class="form-control" id="jyjl_xiugai7" style="width: 80%;height: 30px;float: right;">
            </div>
            <div class="form-group form-inline" style="padding: 10px;height: 30px;">
              <label style="float: left;">超期天数</label>
              <input type="text" class="form-control" id="jyjl_xiugai8" style="width: 80%;height: 30px;float: right;">
            </div>


            <div class="form-group form-inline" style="padding: 10px;height: 30px;">
              <label style="float: left;">是否丢失</label>
              <input type="text" class="form-control" id="jyjl_xiugai9" style="width: 80%;height: 30px;float: right;">
              <!-- <input type="text" class="form-control" id="7-name" style="width: 80%;height: 30px;float: right;"> -->
              <!-- <select name="" id="jyjl_xiugai9" style="width: 50%;height: 30px;margin-left: 53px;">
                <option value="1">否</option>
                <option value="2">是</option>
              </select> -->
            </div>
            <div class="form-group form-inline" style="padding: 10px;height: 30px;">
              <label style="float: left;">待还册数</label>
              <input type="text" class="form-control" id="jyjl_xiugai10" style="width: 80%;height: 30px;float: right;">
            </div>
         
          </form>
        </div>
        <div class="modal-footer" style="padding: 10px;height: 50px;">
          <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
          <button type="button" class="btn btn-primary" data-dismiss="modal" onclick="jyjl_queren()">确认</button>
        </div>
      </div>
    </div>
  </div>
<div class="modal fade" id="jyjl_deljyjl" tabindex="-1" role="dialog" aria-labelledby="jyjl_del">
    <div class="modal-dialog" role="document">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
          <h4 class="modal-title" id="jyjl_del">操作确认</h4>
        </div>
        <div class="modal-body">
          <form>
            <h4>是否确定删除所选数据？</h4>
          </form>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
          <button type="button" class="btn btn-primary" data-dismiss="modal" onclick="jyjishanchu()">确认</button>
        </div>
      </div>
    </div>
  </div>
  <div class="modal fade" id="exampleModal_4" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel_4">
    <div class="modal-dialog" role="document">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
          <h4 class="modal-title" id="exampleModalLabel_4">操作确认</h4>
        </div>
        <div class="modal-body">
          <form>
            <h4>是否确定删除所选数据？</h4>
          </form>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
          <button type="button"   class="btn btn-primary" data-dismiss="modal" onclick="piliangsha()" >确认</button>
        </div>
      </div>
    </div>
  </div>
  
<script>
  // 导航
  let h = $(window).height()
$('#naviga').css({
  'height': h + 'px',
})

$('.menu>li:first-child').on('click', function () {
  pullDown($(this))
})
$('.menu>li:first-child').siblings().on('click', function () {
  jumpPage($(this))
})
$('#jyjl_page').on('click','.yema_all',function(e) {
  dangqianye= parseInt($(this).text())
    fenye(dangqianye , pageData)
})
function show(num) {
    fenye(num ,pageData)
    showPage(pageData)
    pageStyle(num)
}
show(1)

</script>
</body>
</html>                             